:root {
  --vp-layout-max-width: 2040px;
  --vp-sidebar-width: 280px;
}

.VPSidebar{
  min-width: var(--vp-sidebar-width);
}

.VPDoc.has-aside .content-container {
  max-width: 1440px !important;
}

.VPDoc .has-sidebar .has-aside{
  max-width: calc(100% - var(--vp-sidebar-width))!important;
}


.VPNavBar.has-sidebar .content{
  padding-left: max(var(--vp-sidebar-width), calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width)))!important;
}

.VPContent.has-sidebar{
  padding-left: max(var(--vp-sidebar-width), calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width)))!important;
}



@media (max-width: 1800px) {
  .VPDoc {
    .container {
      .aside {
        display: none;
      }
    }
  }
}

.triones-code {
  display: flex;
  max-height: 700px;
  border: 1px solid #eee;
  border-radius: 6px;

  &-block {
    flex: 1 auto;
    overflow: auto;
    padding: 16px;
  }

  &-preview {
    width: 375px;
    flex-shrink: 0;
    border-left: 1px solid #d3d3d3;

    iframe {
      height: 100%;
      width: 100%;
      border: 0;
    }
  }

}
